vue中使用day.js(时间日期处理库）

2024-07-15 14:48| 来源: 网络整理| 查看: 265

安装：npm install dayjs --save

引入：

var dayjs = require('dayjs') //commonjs //import dayjs from 'dayjs' // ES 2015

如果需要使用到插件，那么还需引入插件并使用：

eg：

import relativeTime from "dayjs/plugin/relativeTime"; // import relativeTime plugin

dayjs.extend(relativeTime); // use

dayjs输入默认是英文，如需可以加载其他语言：

eg: import "dayjs/locale/zh-cn"; // 中文

支持的语言：https://github.com/iamkun/dayjs/tree/dev/src/locale

使用：

{{aaa}} //直接使用 {{ dayjs(item).locale("zh-cn").fromNow() }} //无法直接使用 {{ _dayjs(item).locale("zh-cn").fromNow() }} //可以将dayjs设为当前实例属性 import dayjs from "dayjs"; import relativeTime from "dayjs/plugin/relativeTime"; import "dayjs/locale/zh-cn"; dayjs.extend(relativeTime); export default { data() { return { _dayjs:'' }; }, created() { this.aaa = dayjs("2020-8-01").locale("zh-cn").fromNow(); this._dayjs = dayjs; } };

挂载到全局：

main.js import dayjs from "dayjs"; import relativeTime from "dayjs/plugin/relativeTime"; import "dayjs/locale/zh-cn"; dayjs.extend(relativeTime); Vue.prototype.$dayJS = dayjs; console.log(Vue.prototype.$dayJS); 获取或设置月份的日期: dayjs().date() dayjs().date(1) 获取或设置星期几: dayjs().day() dayjs().day(0) 获取或设置ISO星期: dayjs.extend(isoWeek) dayjs().isoWeekday() dayjs().isoWeekday(1); // Monday 加上时间：返回一个克隆的Day.js对象，并添加指定的时间。 dayjs().add(7, 'day') //day week month ... 同理减去时间： dayjs().subtract(7, 'year') //... 指定时间以前: dayjs.extend(relativeTime) var a = dayjs() var b = dayjs('1990-01-01') a.from(b) // 2 years ago ...

【本文地址】

公司简介

联系我们